﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <title>在线支付</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/payment.css">
    <link rel="stylesheet" href="../css/libs/iconfont.css">
    <link rel="stylesheet" href="../css/libs/weui.min.css">
    <link rel="stylesheet" href="../css/libs/jquery-weui.min.css">
    <script src="https://cdn.bootcss.com/iScroll/5.2.0/iscroll.js"></script>
</head>

<body class="payment_html" style="visibility: hidden;">
    <header class="payment_nav">
        <div id="go_back"><i class="iconfont icon-fanhui"></i></div>
        <h2>订单详情</h2>
    </header>
    <ul class="order_mes">
        <li class="flex_row" id="start_add">
            <span class="name">购买地址</span>
            <span class="content"></span>
        </li>
        <li class="flex_row" id="end_add">
            <span class="name">收货地址</span>
            <span class="content"></span>
        </li>
        <li class="flex_row" id="res_money">
            <span class="name">商品金额</span>
            <span class="content"></span>
        </li>
        <li class="flex_row" id="desc">
            <span class="name">备注留言</span>
            <span class="content"></span>
        </li>
        <li class="flex_row" id="user_tel">
            <span class="name">收货电话</span>
            <span class="content"></span>
        </li>
    </ul>
    <div class="cut_line"></div>
    <section class="section1">
        <div class="flex_row flex_between">
            <span>跑腿费</span>
            <b id="order_money">xx.00元</b>
        </div>
    </section>
    <div class="cut_line"></div>
    <section class="section1">
        <div class="flex_row flex_between">
            <span>优惠券</span>
            <a href="javascript:;" id="coupon"><b id="coupon_num"></b></a>
        </div>
    </section>
    <div class="cut_line"></div>
    <section class="section1">
        <div class="flex_row flex_between">
            <span>共计支付</span>
            <b id="total_money">xx.00元</b>
        </div>
    </section>
    <div class="cut_line"></div>
    <section id="balance_pay" class="section1">
        <div class="flex_row flex_between">
            <span>余额支付</span>
            <i class="iconfont icon-gou1"></i>
        </div>
    </section>
    <div class="cut_line"></div>
    <section class="section1">
        <div class="flex_row flex_between weixin_pay">
            <div>
                <span>微信支付</span>
                <p class="tip">推荐安装微信5.0及以上版本使用</p>
            </div>
            <i class="iconfont icon-gou1"></i>
        </div>
    </section>
    <div class="cut_line"></div>
    <section id="payment_recharge" class="section1">
        <div class="flex_row flex_between">
            <span>账户充值</span>
            <a href="javascript:;" id="recharge"><i class="iconfont icon-more"></i></a>
        </div>
    </section>
    <footer>
        <button type="submit" class="form_submit">确认支付</button>
    </footer>
    <div class="mask">
        <div class="bg"></div>
        <div class="pay_success flex_column">
            <h5>支付完成</h5>
            <i class="iconfont icon-duigou"></i>
            <p><span class="count_down">3</span>秒后自动跳转</p>
        </div>
    </div>
</body>
<script src="../js/libs/jquery-1.10.1.min.js"></script>
<script src="../js/libs/rem.js"></script>
<script src="../js/libs/jquery-weui.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/payment_buy.js"></script>
<script type="text/javascript"></script>

</html>